
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小舟工具箱</title>
    <link rel="stylesheet" href="index.css">
    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script><!--数据监控-->
    <script>LA.init({id:"3Ltl0yXYWQcgbDgB",ck:"3Ltl0yXYWQcgbDgB"})</script><!--数据监控-->
</head>
<body>
    <div id="theme-alert" class="theme-alert">
        浏览器在深色模式下，网页的浅色模式无法正常显示！
    </div>
    <header class="header">
        <button class="menu-button" aria-label="打开菜单">
            <img src="icon/3Hpoint1.svg" alt="菜单" class="menu-icon">
        </button>
        <h1 class="site-title">小舟工具箱</h1>
    </header>

    <div class="announcement-bar">
        <a href="https://p.kdocs.cn/l/cdYwfJEuGwBr" class="announcement-link" target="_blank">
            <span class="announcement-text">网站建设中，功能许愿、bug反馈请进QQ群587984701</span>
        </a>
    </div>

    <main class="tool-grid">
        <!--js生成卡片-->
        <div class="tool-card">
            <a href="index.html" target="_blank" class="tool-link">
                <h3 class="tool-title">工具名称1</h3>
                <p class="tool-desc">工具简介文字</p>
            </a>
        </div>
    </main>

    <aside class="side-menu">
        <div class="menu-header">
            <button class="close-menu" aria-label="关闭菜单">
                <img src="icon/Larrow1.svg" alt="返回" class="back-icon">
            </button>
            <button class="theme-toggle">深色</button>
        </div>
        <nav class="menu-nav">
            <a href="https://p.kdocs.cn/l/cdYwfJEuGwBr" class="menu-item" target="_blank">公告</a>
            <a href="https://afdian.com/a/lxz6699" class="menu-item" target="_blank">赞助</a>
            <a href="https://qm.qq.com/q/hjTqUyIKEo" class="menu-item" target="_blank">联系</a>
            <a href="预留" class="menu-item" target="_blank">预留</a>
            <a href="关于" class="menu-item" target="_blank">关于</a>
            <a href="百宝箱" class="menu-item" target="_blank">百宝箱</a>
            <a href="Detection/detection.html" class="menu-item" target="_blank">设置</a>
        </nav>
    </aside>

    <script src="index.js"></script>
</body>
</html>